<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="base :: common_header(~{::title},~{::link})">
    <title>vue-bootstrap</title>
    <!-- =============== APP STYLES ===============-->
    <link rel="stylesheet" th:href="@{/admin-ui/css/app.css}" id="maincss"/>
</head>
<body th:with="timestamp=${#dates.format(#dates.createNow(),'yyyyMMddHH')}">
<div id="cx-app" class="wrapper">
    <th:block th:include="base ::header"/>
    <!-- sidebar-->
    <th:block th:include="base ::sidebar"/>
    <!-- offsidebar-->
    <th:block th:replace="base ::offsidebar"/>

    <!-- Main section-->
    <section>
        <!-- Page content-->
        <content-view v-bind:path="menuPath"></content-view>
        <!--<div class="content-wrapper">
            <iframe scrolling="yes" frameborder="0" style="width:100%; min-height:500px;overflow:visible;background:#fff;" src="page/management/menu.html"></iframe>
        </div>-->
    </section>
    <!-- Page footer-->
    <th:block th:include="base ::footer"/>
</div>

<th:block th:include="base ::commonScript"/>
<script type="application/javascript" th:src="@{/admin-ui/js/index.js(t=${timestamp})}"></script>
</body>
</html>